html,body,div,img, {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	height: 100%;
	}
@font-face {
	font-family: "WebFontHead";
    src: url('../fonts/Castellar.eot') format('eot'),
	     url('../fonts/Castellar.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Castellar.otf') format('opentype'),
	     url('../fonts/Castellar.ttf') format('truetype'),
	     url('../fonts/Castellar.woff') format('woff');
    }
@font-face {
	font-family: "WebFontBody";
    src: url('../fonts/Verdana.eot') format('eot'),
	     url('../fonts/Verdana.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Verdana.otf') format('opentype'),
	     url('../fonts/Verdana.ttf') format('truetype'),
	     url('../fonts/Verdana.woff') format('woff');
    }
@font-face {
	font-family: "WebFontList";
	src: url('../fonts/TravelingTypewriter.otf') format('opentype'),
	     url('../fonts/TravelingTypewriter.ttf') format('truetype');
	}
#wrapper {
	margin: 0 auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	height: 1078px;
	}
@media all and (min-width: 1281px){#wrapper {width: 925px;}
    }
@media all and (max-width: 1280px){#wrapper {max-width: 925px;}
    }		
#page {
	background: #d6d5b6;
	height: 100%;
	}		
body {
    cursor: default;	
	margin: 0;
	padding: 0;
	height: 100vh;
	line-height: 1;
	background-image: url("../images/background pattern light noise diagonal filter blend e5e2c7.png");
	color: #000000;
	font-family: "WebFontBody", sans-serif;
	font-size: 16px;
    overflow-x: hidden;
	-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	scrollbar-base-color: #d6d5b6;
    scrollbar-arrow-color: #8c6463;
    scrollbar-track-color: #e5e2c7;
    scrollbar-shadow-color: #ccc4ab;
    }
	::-webkit-scrollbar {
    width: 17px;
	}
    ::-webkit-scrollbar-track {
    background-color: #e5e2c7; 
    }
    ::-webkit-scrollbar-thumb {
    background-color: #d6d5b6;
	border: solid 1px #ccc4ab;
    }
#header {
	margin: 0px auto;
	position: relative;
	width: 100%;
	background: #d6d5b6;
	}
#languages {
	list-style: none;
	position: fixed;
    left: 0;
	top: 29%;
	width: 2em;
	text-align: right;
    background: hsla(1, 17%, 47%, 0.15);
    border: hsla(1, 17%, 47%, 0.2);
    border-left: none;
    padding: 1.2em 0.5em 1.2em 0em;
    box-shadow: 0 1px 1px #8c6463;
    border-radius: 0em 3em 3em 0em;
	z-index: 1;
    }
#flag {
    margin-left: 3px;
    opacity: 0.6;	
    }	
#flag:hover {
    opacity: 1.0;
    }	
* { -webkit-user-drag: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}	
#headline {
	font: 9vmin "WebFontHead";
	text-shadow: 2.5px 0px 2px rgba(150, 150, 150, 1);
    margin: 0;
	padding: 0;
	}
#artist {
	font: 4vmin "WebFontHead";
	text-shadow: 2.5px 0px 2px rgba(150, 150, 150, 1);
	margin: 0;
	padding: 0;
	}
#rights {
	font-size: 12px;
	margin: 12px;
	padding: 0;
    }
nav {
	margin-top: 20px;
    }	
nav ul {
	margin: 0;
	padding: 0;
	}
nav ul li {
	display: inline;
	margin: 0;
	padding: 5px;
	}
nav ul li a {
    font-size: 18px;	
    color: #8c6463;
	opacity: 0.6;
    }
nav ul li a:link {	
    text-decoration: none;
    }	
nav ul li a:hover {
	color: #cc4c08;
	text-decoration: underline;
	}
nav ul li a {
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out
	}
nav ul li a {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out
	}			
#textblock {
	position: relative;
	top: 5%;
    background-image: url("../images/background pattern paper filter blend e5e2c7.png");
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: flex;
	justify-content: center;
	}
#titel {
	position: absolute;
	width: 100%;
	font-family: "Webfontlist";
	font-size: 5.5vmin;
	color: #543635;
	line-height: 32px;
    padding-left: 7%;
	padding-top: 2%;
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
    }	
#typedtext {
	position: absolute;
	width: 100%;
	padding-top: 10%;
	padding-left: 7%;
	font-family: "Webfontlist";
	font-size: 4.2vmin; 
	color: #543635;
	line-height: 28px;
	}
#voetnoot {
	position: absolute;
	width: 100%;
	padding-left: 7%;
	top: 83%;
	font-family: "Webfontlist";
    font-size: 16px;
	color: #543635;
	-webkit-animation-delay: 23s;
    animation-delay: 23s;
	}
#voetnootinfofr {
    position: absolute;
	width: 100%;
	padding-left: 7%;
	top: 83%;
	font-family: "Webfontlist";
    font-size: 16px;
	color: #543635;
	-webkit-animation-delay: 24s;
    animation-delay: 24s;
	}
#voetnootinfode {
    position: absolute;
	width: 100%;
	padding-left: 7%;
	top: 83%;
	font-family: "Webfontlist";
    font-size: 16px;
	color: #543635;
	-webkit-animation-delay: 24s;
    animation-delay: 24s;
	}
#voetnootinfoes {
    position: absolute;
	width: 100%;
	padding-left: 7%;
	top: 83%;
	font-family: "Webfontlist";
    font-size: 16px;
	color: #543635;
	-webkit-animation-delay: 23s;
    animation-delay: 23s;
	}	
#cromagnonman {
	opacity: 0.23;
    -webkit-user-drag: none;
    }